// 定义模块
define("header",["jquery"],function ($) {
	//网站头部地址的切换
	$(".address>ul>li").click(function () {
		var $index=$(this).index();
		$(this).addClass("active").siblings().removeClass("active");
		//$(".address-main>div").eq($index).addClass("selected").siblings().removeClass();
		$(".address-main>div").eq($index).show().siblings().hide();
	});
	
	
	//nav的商品分类切换
	$(".navLeft>ul>li").mouseover(function () {
		var $index01=$(this).index();
		$(this).addClass("headerCurrent").siblings().removeClass("headerCurrent");
		$(".navList>div").eq($index01).addClass("listBottom").siblings().removeClass("listBottom");
	});
	
	
//  轮播图
	$(".banner>ul>li").each((index, ele) =>{
		$(`<li class="${index == 0 ? 'current' : ''}">${index + 1}</li>`).appendTo("ol")
	})
	
	//自动透明
	
	var timer = setInterval(autoPlay, 2000);
	var imgIndex = 0;
	
	function autoPlay(){
		imgIndex++;
		if(imgIndex == 6){
			imgIndex = 0;
		}
		
		$(".banner>ul>li").eq(imgIndex).animate({
			"opacity" : 1
		}, 500).siblings("li").animate({
			"opacity" : 0
		}, 500)
		
		//点跟随
		$(".banner>ol>li").eq(imgIndex).addClass("current").siblings().removeClass("current");
		
	}
	
	
	$(".banner").hover(
		() =>{
			clearInterval(timer)
		},
		() =>{
			timer = setInterval(autoPlay, 1000)
		}
	)
	
	$(".banner").on("click", "ol li", function(){
		imgIndex = $(this).index() - 1;
		autoPlay();
	})
	
	
	
	//活动的导航栏目
	
	$(".activity-right>ul>li").mouseover(function () {
		var $index02=$(this).index();
		$(this).addClass("activityCurrent").siblings().removeClass("activityCurrent");
		$(".activityMain>div").eq($index02).addClass("mainCurrent").siblings().removeClass("mainCurrent");
		
	})
	
	//狗狗主粮的tab导航
	$(".mainWall>ul>li").mouseover(function () {
		var $index03=$(this).index();
		$(this).addClass("dogCurrent").siblings().removeClass("dogCurrent");
		$(".dogRight>div").eq($index03).addClass("dogMall").siblings().removeClass("dogMall");
	})
	
	
})

